<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>别踩白块</title>
	<link rel="shortcut icon" href="favicon.ico"> <!-- //添加网页小图标 -->
	
    <link rel="stylesheet" href="./css-index.css" />
	<script src="vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
	<script src="./vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		window.onload = function(){
			//获取socre
			// var socre = document.getElementsByTagName("source");
			// var current = document.getElementById("current");
			// let flag = 1;
			// if(flag === 1){
				
			// 	flag++;
			// }
			
			
		}
	</script>
  </head>
  <body>
	 
	 	
	    <div class="game">
	    	<h2>游戏得分</h2>
			
			<h2 id="score" >0</h2>
			<div id="main">
			  <div id="con"></div>
			</div>
			
			<div class="btn">
			  <button class="start" onclick="start()">
				开始游戏
			  </button>
			</div>
	    </div>
			
		
		<div class="top">
		<h2 style="text-align: center;background-color: #0000FF;">游戏记录</h2>
			<ul id="ul-li">
				<li>上一次分数为：<p id="score2" style="color: rgba(85, 85, 255, 0.4);">暂无成绩</p>继续努力!</li>
				
			</ul>
	    </div>
		
	<!-- <div class="game2">
		
			<div id="app">
				<div id="ppp">
					<h2 style="text-align: center; background-color: red;">欢乐一笑</h2>
				<p>{{joke1}}</p>
			    <p>{{joke2}}</p>
				</div>
				<div id="btn2">
					 <input type="button" value="换一个看看" v-on:click="getJoke"  /> -->	
				<!-- <button class="start2" v-on:click="getJoke">换一换</button>
				</div>
			   
			</div>
	
	</div> -->
	<div class="game2">
		<h2>欢乐笑一笑</h2>
		
		<h2>每日笑话欢乐多</h2>
		
		<div id="app">
			<div id="main">
		  <div >
			  <p style="color: rgba(255, 0, 127, 0.7);">{{joke1}}</p>
			  <p style="color: rgba(0, 0, 255, 0.7);">{{joke2}}</p>
		  </div>
		</div>
		
		<div class="btn2">
		  <button class="start2" v-on:click="getJoke">换一换</button>
		</div>
	 </div>
	</div>
		
		

  </body>
  <script src="./index-js.js"></script>
  <script type="text/javascript">
  	var app=new Vue({
  		el:"#app",
  		data:{
  			 joke1:'夜里，一个蒙面歹徒拿着刀闯进了迈克的家，他对迈克叫到：“把你所有的钱都交出来，不然我就杀了你！”迈克看着歹徒无奈的说：“对不起，我已经失业半年了，没有钱给你。”歹徒听了大怒：“你这个懒鬼，我上个月才失业，这个月就已经出来抢劫了！”',
  	         joke2:'小学二年级的时候，我妈说要把我卖掉，我妈的语气特别真实。我当真了，上学的时候哭着告诉了我们班长。班长也很着急，放学后帮我叫了全班同学到我家里，求我妈不要把我卖掉。当一大片孩子跪倒在地的时候，正在打麻将的我妈彻底震惊了…'
		},
  		methods:{
  			getJoke:function(){
  				// console.log(this.joke)
  				var that= this
				
  				axios.get('https://autumnfish.cn/api/joke/list?num=2').then(
  				function(res){
  					// console.log(res.data)
  					// console.log(this.joke)
  					//that.joke=res.data
					 that.joke1=res.data.jokes[0];
	                 that.joke2=res.data.jokes[1];
  				},
  				function(err){
  					
  				})
  			}
  		}
  	})
  </script>
  
 
</html>